<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<ui:composition template="/WEB-INF/templates/BasicTemplate.xhtml">

	<ui:define name="content">
		<f:event type="preRenderView"
			listener="#{recruiterController.beforeEditRecruiter}" />
			
			<div class="title ui-widget-header ui-corner-all">
			<h:panelGrid style="margin:auto;">
		EDITAR RECLUTADOR
		</h:panelGrid>

		</div>
			
		<h:form id="formAdd">
			<h:panelGrid style="margin:auto;">

				<h:panelGrid style="margin:auto;text-align:center;">
					<p:messages id="messages" ></p:messages>
				</h:panelGrid>

				<h:panelGrid columns="2" id="panelEdit">

					<h:panelGrid columns="2">

						<p:outputLabel value="Nombres"></p:outputLabel>
						<p:inputText value="#{recruiterController.firstname}" id="firstname"
							style="width: 300px;"  readonly="true"></p:inputText>

						<p:outputLabel value="Apellidos"></p:outputLabel>
						<p:inputText value="#{recruiterController.lastname}" id="lastname"
							style="width: 300px;" readonly="true"></p:inputText>
						
						<p:outputLabel value="DNI"></p:outputLabel>
						<p:inputText value="#{recruiterController.documentNumber}" id="documentNumber"
							style="width: 300px;" readonly="true"></p:inputText>	
					</h:panelGrid>
					
					<h:panelGrid>
						<p:outputLabel value="Seleccione areas disponibles"></p:outputLabel>
						<p:pickList value="#{recruiterController.areasAvailable}"
							var="area"
							itemLabel="#{area.substring(area.indexOf(124)+1,area.length())}"
							itemValue="#{area}">
							<f:facet name="sourceCaption">Disponibles</f:facet>
							<f:facet name="targetCaption">Seleccionados</f:facet>
						</p:pickList>
					</h:panelGrid>
				</h:panelGrid>

				<h:panelGrid style="margin:auto;text-align:center;">
					<p:commandButton action="#{recruiterController.editRecruiter}" value="Editar"
						ajax="false">
					</p:commandButton>
				</h:panelGrid>
			</h:panelGrid>
		</h:form>
	</ui:define>

</ui:composition>
</html>
